import React from 'react';
import s from './title_header.module.css';
import cn from 'classnames';
import i from './../index.module.css';
import BreadCrumb from '../../ucdpComponents/BreadCrumb/index';

function Title_Header ({title, total, bread, other, wbg=true}) {
  return (
    <div className={cn(s.titleHeader, {[s.whiteBg]: wbg})}>
      <div className={cn(i.df, i.jcsb, i.aic)}>
        <div>
          <div className={cn(i.dib, i.fs16)}>
            {title}
          </div>
          <div className={cn(i.dib, i.fs14, i.ml10)}>
            <BreadCrumb arr={bread} />
          </div>
        </div>
        {total}
      </div>
      <div className={cn({[i.mt20]: other})}>
        {other}
      </div>
    </div>
  )
}

export default Title_Header
